HTML5 এ Text Formatting Tags বিভিন্ন স্টাইল এবং গুরুত্ব অনুযায়ী টেক্সট ফরম্যাটিং করতে ব্যবহার করা হয়। এগুলো টেক্সটের অংশকে ভিজ্যুয়ালভাবে বা অর্থবহভাবে পরিবর্তন করে, যা টেক্সটকে আরও আকর্ষণীয়, গঠনমূলক এবং অর্থপূর্ণ করে তোলে। এখানে HTML5 এর কিছু গুরুত্বপূর্ণ টেক্সট ফরম্যাটিং ট্যাগ যেমন <b>, <i>, <strong>, <em>, এবং <mark> সম্পর্কে বিস্তারিত আলোচনা করা হলো:
১. <b> (Bold)
বর্ণনা: <b> ট্যাগ টেক্সটকে বোল্ড বা মোটা করে প্রদর্শন করে, যা ভিজ্যুয়ালি টেক্সটের উপর ফোকাস দেওয়ার জন্য ব্যবহৃত হয়। তবে এটি অর্থবহ বা গুরুত্ব বোঝাতে ব্যবহার করা হয় না, শুধুমাত্র স্টাইলিংয়ের জন্য।
ব্যবহার: এমন টেক্সট বা অংশকে হাইলাইট করতে ব্যবহৃত হয়, যা দেখতে আকর্ষণীয় করতে হবে কিন্তু সেটি গুরুত্বপূর্ণ নয়।
উদাহরণ:
<p>This is a <b>bold</b> word.</p>এখানে "bold" শব্দটি মোটা করে প্রদর্শিত হবে।
২. <i> (Italic)
বর্ণনা: <i> ট্যাগ টেক্সটকে ইটালিক (ঢালু) করে প্রদর্শন করে। এটি ভিজ্যুয়াল স্টাইলিং দেয়, তবে এটি সাধারণত কোনো নির্দিষ্ট অর্থ বা গুরুত্ব বোঝাতে ব্যবহৃত হয় না।
ব্যবহার: ফরেন শব্দ, টেকনিক্যাল টার্ম, বা এমন টেক্সটের জন্য ব্যবহৃত হয় যা দেখতে আলাদা হওয়া উচিত, কিন্তু সেটা অর্থবহ না।
উদাহরণ:
<p>This is an <i>italic</i> word.</p>এখানে "italic" শব্দটি ঢালু করে প্রদর্শিত হবে।
৩. <strong> (Strong Emphasis)
বর্ণনা: <strong> ট্যাগ টেক্সটকে গুরুত্বপূর্ণ হিসেবে প্রদর্শন করে এবং তা সাধারণত বোল্ড করে। এটি ভিজ্যুয়াল স্টাইলের সাথে সাথে টেক্সটের অর্থবহ গুরুত্ব বোঝায়, যা স্ক্রিন রিডার বা অ্যাসিস্টিভ টেকনোলজি ব্যবহার করে বোঝা যায়।
ব্যবহার: যখন কোনো টেক্সট বা অংশকে গুরুত্ব দিয়ে হাইলাইট করতে হবে, যা কন্টেন্টের অর্থ এবং প্রসঙ্গের জন্য গুরুত্বপূর্ণ।
উদাহরণ:
<p>Please pay <strong>attention</strong> to this detail.</p>এখানে "attention" শব্দটি বোল্ড এবং গুরুত্বসহকারে প্রদর্শিত হবে।
৪. <em> (Emphasis)
বর্ণনা: <em> ট্যাগ টেক্সটকে জোর দিয়ে উপস্থাপন করে, সাধারণত ইটালিক স্টাইলিং দিয়ে। এটি টেক্সটের ওপর গুরুত্ব আরোপ করতে ব্যবহৃত হয় এবং স্ক্রিন রিডার এটিকে উচ্চারণে ভিন্নতা এনে বোঝাতে পারে।
ব্যবহার: যখন কোনো টেক্সটকে কন্টেন্টের বাকী অংশের তুলনায় জোর দিয়ে প্রকাশ করতে হবে।
উদাহরণ:
<p>You <em>must</em> read the instructions carefully.</p>এখানে "must" শব্দটি ইটালিক এবং গুরুত্ব সহকারে প্রদর্শিত হবে।
৫. <mark> (Highlight)
বর্ণনা: <mark> ট্যাগ এমন টেক্সটকে হাইলাইট করতে ব্যবহৃত হয়, যা ইউজারের জন্য গুরুত্বপূর্ণ হতে পারে। এটি সাধারণত হলুদ ব্যাকগ্রাউন্ড সহ টেক্সট প্রদর্শন করে, যা একটি হাইলাইটার পেনের মতো কাজ করে।
ব্যবহার: কোনো টেক্সট বা শব্দকে বিশেষভাবে হাইলাইট করতে ব্যবহৃত হয়, যেন তা সহজে চোখে পড়ে।
উদাহরণ:
<p>This is a <mark>highlighted</mark> text.</p>এখানে "highlighted" শব্দটি হলুদ ব্যাকগ্রাউন্ডে হাইলাইটেড হয়ে প্রদর্শিত হবে।
সারসংক্ষেপ
| ট্যাগ | বর্ণনা | ব্যবহার |
|---|---|---|
<b> | টেক্সটকে বোল্ড করে, কিন্তু কোনো গুরুত্ব নির্দেশ করে না | স্টাইলিং এবং ভিজ্যুয়াল হাইলাইটের জন্য |
<i> | টেক্সটকে ইটালিক করে, কিন্তু কোনো গুরুত্ব নির্দেশ করে না | ফরেন শব্দ, টেকনিক্যাল টার্ম, বা স্টাইলিংয়ের জন্য |
<strong> | টেক্সটকে গুরুত্ব দিয়ে বোল্ড করে | গুরুত্বপূর্ণ টেক্সটকে জোর দিয়ে প্রকাশ করতে |
<em> | টেক্সটকে গুরুত্ব দিয়ে ইটালিক করে | টেক্সটের ওপর গুরুত্ব আরোপ করতে |
<mark> | টেক্সটকে হাইলাইট করে | গুরুত্বপূর্ণ অংশ হাইলাইট করতে, যাতে তা সহজে চোখে পড়ে |
